<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<%@ include file="/commons/commonList.jsp" %>
<html>
<head>
<script language="JavaScript"  src="${ctx}/scripts/common/prototype.js"></script>
<script type="text/javascript">
	//记录当前记录的ID
	var selectedRecordID="";

 	function resize(){
		parent.window.document.all('arCalculateListFrame').style.height=document.body.scrollHeight;
	}

	//当改点选表格行数据时，触发本事件
	function changeID(id){
		selectedRecordID = id;
	}
	//刷新当前页面
	function freshFrame(){
		document.forms.ec.ec_p.value=document.getElementById("ec_p").value;
		document.forms.ec.submit();
	}

	function init(){
		$('buildingId').value=parent.$F('buildingId');
		$('houseNumber').value=parent.$F('houseNumber');
		$('chargeItemId').value=parent.$F('chargeItemId');
		$('periodId').value=parent.$F('periodId');
	}
</script>

</head>
<body onload="resize();init();">
<ec:ceTable items="arCalculateList"
	action="${ctx}/charge_calculateAction.do?method=queryMeterList"
	var="arCalculateItem"
	view="pmsview"
	styleClass="gridData2"
	rowsDisplayed="15" >
	<ec:ceRow styleClass="grid"
	 onclick="changeID(${arCalculateItem.keyword})" >
		<ec:ceColumn headerCell="pmsHeadrCell" title="${key.periodName}" property="periodName"  width="8%" styleClass="align_left" sortable="true"/>
		<ec:ceColumn headerCell="pmsHeadrCell" title="${key.buildingName}" property="buildingName" width="8%" styleClass="align_left" sortable="true"/>
		<ec:ceColumn headerCell="pmsHeadrCell" title="${key.houseNumber}" property="houseNumber" width="8%" styleClass="align_left" sortable="true"/>
		<ec:ceColumn headerCell="pmsHeadrCell" title="${key.chargeItemName}" property="chargeItemName"  width="8%" styleClass="align_left" sortable="true"/>
		<ec:ceColumn headerCell="pmsHeadrCell" title="${key.meterName}" property="meterName"  width="8%" styleClass="align_left"/>
		<ec:ceColumn headerCell="pmsHeadrCell" title="${key.wastage}" property="wastage"  width="8%" styleClass="align_right" headerOnmouseover="this.className='align_right'"
		headerOnmouseout="this.className='align_right'"/>
		<ec:ceColumn headerCell="pmsHeadrCell" title="${key.amt}" property="amt"  width="8%" styleClass="align_right" headerOnmouseover="this.className='align_right'"
		headerOnmouseout="this.className='align_right'" sortable="true"/>

		<ec:ceColumn headerCell="pmsHeadrCell" title="${key.firstPayDate}" property="firstPayDate" width="8%" styleClass="align_center"/>
		<ec:ceColumn headerCell="pmsHeadrCell" title="${key.lastPayDate}" property="lastPayDate" width="10%" styleClass="align_center"/>
	</ec:ceRow>
	<ec:parameter name="buildingId"></ec:parameter>
	<ec:parameter name="houseNumber"></ec:parameter>
	<ec:parameter name="chargeItemId"></ec:parameter>
	<ec:parameter name="periodId"></ec:parameter>
</ec:ceTable>

</body>
</html>